<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a" id="{{ index_id }}">
    <div class="url-body default">
    {% if ele.qrcode %}
        <a href="javascript: void(0);" 
            class="card no-c mb-4" 
            alt="{{ ele.title }}" 
            data-toggle="tooltip" 
            data-placement="bottom" 
            data-html="true" 
            rel="noopener noreferrer"
            title="<img src='{{ ele.qrcode }}' width='128'>">
    {% else %}	
        <a href="{{ ele.url | default(value='')}}" 
            target="_blank" 
            alt="{{ ele.title }}"  
            title="{{ ele.description }}"
            class="card no-c mb-4" 
            data-url="{{ ele.url }}" 
            data-placement="bottom" 
            data-toggle="tooltip"
            rel="noopener noreferrer">
    {% endif %}
    
            <div class="card-body">
                <div class="url-content d-flex align-items-center">
                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                    {% set logoUrl = ele.logo | default(value='') %}
                    {% if logoUrl is starting_with("http") %}
                        <img class="lazy" 
                            src="{{ logoUrl }}" 
                            data-src="{{ logoUrl }}" 
                            onerror="javascript: this.src='{{ defaultLogo }}'"
                            alt="{{ ele.title }}">
                    {% else %}
                        {% if logoUrl %}
                            <img class="lazy" 
                                src="{{ logosPath }}/{{ logoUrl }}" 
                                onerror="javascript: this.src='{{ defaultLogo }}'"
                                alt="{{ ele.title }}">
                        {% else %}
                            <img class="lazy" src="{{ defaultLogo }}" alt="{{ ele.title }}">
                        {% endif %}
                    {% endif %}
                    </div>
                    <div class="url-info flex-fill">
                        <div class="text-sm overflowClip_1">
                            <strong>{{ ele.title }}</strong>
                        </div>
                        <p class="overflowClip_1 m-0 text-muted text-xs">{{ ele.description }}</p>
                    </div>            
                </div>
            </div>
        </a>
        <a href="{{ ele.url | default(value='') }}" 
            class="togo text-center text-muted is-views" 
            data-id="689" 
            data-toggle="tooltip" 
            data-placement="right" 
            title="直达" 
            rel="nofollow"><i class="far fa-arrow-alt-circle-right"></i></a>
    </div>
</div>    